<html>
<head>
<script type="text/javascript" src="scriptRead.js"></script>
<script type="text/javascript" src="playMovie.js"></script>
<script type="text/javascript">
function loadXMLDoc(xmlDoc)
{
    var xmlhttp = new window.XMLHttpRequest;
    xmlhttp.open("GET", xmlDoc, false);
    xmlhttp.send();
    var xmlDocResponse = xmlhttp.responseXML;
    
    var title = getTitle(xmlDocResponse);
    var imgsrc = new Array();
    imgsrc = getLines(xmlDocResponse);

    document.getElementById("title").innerHTML = "Title: " + title;
    changeExec(imgsrc);
}

</script>
</head>
<body>

<h2 id="title"></h2>
<p id="actors"></p> 
<p id="lines"></p>
<p id="images"></p>
<div id="mannVillage">
    <img id="movieFrame" onload = "" src="./images/movie_clapperboard.png" alt="Actor"/>
</div>

<button onclick="loadXMLDoc('./WinterOfDiscontent.xml')">Click</button>

</body>
</html>

